<style>
	@media(max-width: 750px){
		#mall-menu-list-labels-group
		{width:85px;height: 100%;overflow:auto;position: fixed;z-index: 999;background: white;padding:0px!important; }
		#mall-menu-list-labels-group label_text
			/*{width: 85%;}*/
		{width:70px}
		#mall-menu-list-labels-group+*
		{margin-left: 80px; }
	}
	@media(max-width: 750px){
		#mall-menu-list-labels-group
		{width:85px;height: 100%;overflow:auto;position: fixed;z-index: 999;background: white;padding:0px!important; }
		#mall-menu-list-labels-group category_text
		{width: 75px;}
		/*{width:85%}*/
		#mall-menu-list-labels-group+*
		{margin-left: 80px;}
	}
	@media (max-width: 1000px) {
		.menu-label-container category_text {
			background: #FAFAFA;
			font-size: 12px;
			float: left;
			/*padding: 3px;*/
			width: 20%;
			border: 1px solid #ccc;
			margin: 1%;
			text-align: center;
		}
	}
	@media (max-width: 1000px) {
		.tests {width: 75%!important;}
		.weui-flex-center-xs, .weui-flex-xs {
			display: flex;
			height:100px;
		}
		.menu-list-img {
			min-height: 0px;
		}
		#labels{height: 42px;line-height: 42px}
		#labels-text{height: 42px;line-height: 42px}
	}
	@media (min-width: 1000px) {
		.menu-list-content {
			width: 19%;
			margin: 0 1% 1% 0;
		}
		.menu-list-img {
			height: 167px;
		}
	}

</style>
<div class='menu-container bc-list no-init' id='mall-menu-list' data-port='http://api.hongyanche.com/mall/product_list' data-id='mall_id'>
	{include file='home:mall-header' /}
	<div class='container weui-flex-xs' style="min-height: 1000px">
		<input id="mall-menu-list-labels" class='hidden' />
		<div id='mall-menu-list-labels-group' style="padding:10px;height: 90%" class='bc-rank bc-btn-group menu-label-container' data-target='#mall-menu-list-labels-input' data-port='http://api.hongyanche.com/mall/labels'>
			<div class='bc-rank-template bc-btn-group-btns'>
				<div class='menu-labels-line weui-flex'>
					<label class='weui-label'><category_text rank=1 id="labels"></category_text></label>
					<labels class='weui-flex__item labels'  rank=r>
						<label class="pointer bc-radio-uncheck"><input type=radio class='hidden' name='mall-menu-label-input__category_text__' value='__label_id__'/><label_text range=1 id="labels-text"></label_text></label>
					</labels>
				</div>
			</div>
		</div>
		<div class='weui-flex__item tests' style="padding:10px;min-height: 300px; ">
			<div >
				<input class='hidden' name='labels' id='mall-menu-list-labels-input'/>
				<input class="hidden" name="page" id="mall-page" />
				<div class='bc-list-template bc-float'>
					<div class='menu-list-content pointer'>
						<div>
							<div class='weui-flex-xs' >
								<div class='weui-flex__item menu-list-img' style="hight:100%">
									<imgurl list=d><imgurl list=i><img style='width: 100%;height: 100%' /></imgurl></imgurl>
								</div>
								<div class='weui-flex__item menu-list-tips text-nowrap'>
									<spare_parts_code list=d>建议零售价</spare_parts_code>
									<span style='color:maroon'>¥ <price_min list=f></price_min></span><br/>
									<name list=1></name>&nbsp;<small mute><labels_name list=1></labels_name></small>
									<p mute class='visible-xs'><description list=1></description></p>
									<spare_parts_code list="d" mute style="display:block; color:#888; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;">
										<span>图文号：</span>
										<spare_parts_code list=1></spare_parts_code>
									</spare_parts_code>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div class='mall-cart mall-cart-amount'>
	<a href='#mall_cart'><i class='i i-cart_fill_light'></i>&nbsp;<span id="mall-amount">0</span></a>
</div>
<script type="text/javascript">
    $(function () {
        if(ISMOBILE()){
            $('#mall-menu-list').on('bc-rank-success', function(event) {
                $(this).parent().find('.labels').fadeToggle();
            });
            $('#mall-menu-list').on('click', '.weui-label', function(event) {
                $(this).parent().find('.weui-flex__item').fadeToggle();
            });
        }
    });
    $('#mall-menu-list').on('click', '.menu-list-content', function(event) {
        location.href='#mall_info/'+$(this).attr('data-id');
    });
    $.ajax({
        url:'/cart/amount',
        success:function (e) {
            if(e.data.amount==0){
                $('#mall-amount').css('color','white')
            }else {
                $('#mall-amount').html(e.data.amount)
                $('#mall-amount').css('color', 'white')
            }
        }
    });
	$('#mall-menu-list').on('bc-list-success', function() {
		$('.bc-list-loadmore').html(LIST.page);
	});
	function ajax_page(num) {
		document.body.scrollTop=0;
        document.documentElement.scrollTop=0;
		$('#mall-page').val(num);
		LIST.reload('#mall-menu-list');
	}
</script>